<template>
  <div class="page-container" style="width:99%;margin-top:15px;">

   
  <el-row :gutter="20">
     
    <el-col :span="24">
  <el-table id="index" :data="pageResult.content"  stripe  style="width: 100%"   >
  
        <el-table-column type="index" width="50" label="序号"/>
        <el-table-column prop="name" label="名称"/>
                <el-table-column prop="limitMin" label="下限"  /> 
        <el-table-column prop="count" label="当前数量"/>
        <el-table-column prop="limitMax" label="上限"  /> 

         
    </el-table>
  <el-pagination 
                @current-change="findPage"
                   :current-page="filters.pageNum"
                   :page-size="filters.pageSize"
                   :total="pageResult.totalSize" 
            style="padding: 0px 0; text-align: center;"
            layout="total, prev, pager, next, jumper" 
         />
    </el-col>
 
  </el-row>

 





     
  
  </div>
</template>

<script>
	import Column from "@/views/Core/Column"
  import MyTable from "@/views/Core/MyTable"
  export default {
    components: {
      Column,MyTable
    },
   data() {
      return {
        loading:false,
        filters: { pageNum: 1, pageSize: 20 },
        pageResult:{},
        detailList: []
      }
    },
    methods :{

      findPage(data){
        	this.filters.pageNum = data
          this.$api.login.indexData(this.filters).then((res) => {
              this.	pageResult= res.data
          })

      }
    } ,
     mounted() {
        this.findPage(1)
     }
  }
</script>

<style>
  .el-row {
    margin-bottom: 0px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    padding:30px;
    border-radius: 4px;
    min-height: 16px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
 #index   td,  #index   th{
  padding: 1px 0;

  }
</style>